<%@ page contentType="text/html; charset=utf-8" language="java"    pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>欢迎光临北京清真俄丽娅西点</title>
		<meta name="Generator" content="俄丽娅" />
		<meta name="Keywords" content="俄丽娅,蛋糕,五环内免费送货,北京俄丽娅,北京清真生日蛋糕" /> 
		<meta name="Description" content="北京俄丽娅清真西点_拥有清真乳酪蛋糕、慕斯蛋糕、巧克力蛋糕、乳脂奶油蛋糕和冰淇淋蛋糕五个系列30款主题蛋糕。" />
		
        <link rel="icon" type="image/gif" href="images/icon.gif" />
        <link rel="stylesheet" type="text/css" href="style/global.css" media="all" />
		<link rel="stylesheet" type="text/css" href="style/index.css" media="all" />
		<link rel="stylesheet" type="text/css" href="style/style.css" />
		<link rel="stylesheet" type="text/css" href="style/common.css" media="all" />
		<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
		    
		    
		  <script>
				$(function(){
				 var w = window.screen.width;
				 if(w<1280){
				  $(".f3_sider").css('right','-118px');
				  $(".f3_sider h1").toggle(
				  function() { 
				   $(".f3_sider").animate({ right: '0' }, "slow"); $(this).addClass("on"); 
				  }, 
				  function() { 
				   $(".f3_sider").animate({ right: '-118px' }, "slow"); $(this).removeClass("on"); 
				  }
				  );
				 }else{
				  $(".f3_sider h1").toggle(
				   function() { 
				    $(".f3_sider").animate({ right: '-118px' }, "slow"); $(this).addClass("on"); 
				   },
				   function() { 
				    $(".f3_sider").animate({ right: '0' }, "slow"); $(this).removeClass("on"); 
				   }
				  );
				 }
				});
		</script>
    </head>
    <body>
    
    
    
        <div class="container">
		<jsp:include page="header.jsp" />
		<div class="main">
			<c:if test="${isIndex != 1}">
				<div class="onlyline ml10 mr10"></div>
			</c:if>
			<c:if test="${isIndex eq 1}">
				<jsp:include page="pics.jsp" />
			</c:if>
			<c:forEach items="${smallClasses}" var="smallClass" varStatus="i">
				<div class="section">
					<h1 class="headtitle"><a href="smallClassPage.html?id=${smallClass.id}">${smallClass.name }</a></h1>
					<p class="intro">${smallClass.content}</p>
						<c:forEach items="${breadMap[smallClass.id] }" var="bread" varStatus="j">
							<c:if test="${j.index%4 eq 0 }">
								<ul class="productList">
								<li  class="frist">
									<a href="detail.html?id=${bread.id}" class="cakeCover"><img src="images/${bread.smallPicUrl}" alt="" width="210" height="160"/></a>
									<div class="cakeInfo">
										<a href="detail.html?id=${bread.id}" class="cakeName fleft">${bread.name }<c:if test="${fn:length(bread.name) <= 2 }">&nbsp;&nbsp;&nbsp;&nbsp;</c:if>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
										<span class="cakeNum fright">编号：${bread.code }</span>
									</div>
									<div class="cakeInfo"><span class="cakeWeight fleft"><c:if test="${not empty bread.heavy }">重量：${bread.heavy }</c:if><c:if test="${empty bread.heavy }">原料：${fn:substring(bread.stock, 0, 9) }</c:if></span><span class="cakePrice fright">${bread.price }</span></div>
								</li>
								<c:if test="${j.last}">
									</ul>
								</c:if>
							</c:if>
							<c:if test="${j.index%4 eq 1 or j.index%4 eq 2}">
								<li>
									<a href="detail.html?id=${bread.id}" class="cakeCover"><img src="images/${bread.smallPicUrl}" alt="" width="210" height="160"/></a>
									<div class="cakeInfo">
										<a href="detail.html?id=${bread.id}" class="cakeName fleft"><c:if test="${fn:length(bread.name)  <= 2  }">&nbsp;&nbsp;&nbsp;&nbsp;</c:if>${bread.name }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
										<span class="cakeNum fright">编号：${bread.code }</span>
									</div>
									<div class="cakeInfo"><span class="cakeWeight fleft"><c:if test="${not empty bread.heavy }">重量：${bread.heavy }</c:if><c:if test="${empty bread.heavy }">原料：${fn:substring(bread.stock, 0, 9) }</c:if></span><span class="cakePrice fright">${bread.price }</span></div>
								</li>
								<c:if test="${j.last}">
									</ul>
								</c:if>
							</c:if>
							<c:if test="${j.index%4 eq 3 }">
								<li class="last">
									<a href="detail.html?id=${bread.id}" class="cakeCover"><img src="images/${bread.smallPicUrl}" alt="" width="210" height="160"/></a>
									<div class="cakeInfo">
										<a href="detail.html?id=${bread.id}" class="cakeName fleft"><c:if test="${fn:length(bread.name)  <= 2  }">&nbsp;&nbsp;&nbsp;&nbsp;</c:if>${bread.name }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
										<span class="cakeNum fright">编号：${bread.code }</span>
									</div>
									<div class="cakeInfo"><span class="cakeWeight fleft"><c:if test="${not empty bread.heavy }">重量：${bread.heavy }</c:if><c:if test="${empty bread.heavy }">原料：${fn:substring(bread.stock, 0, 9) }</c:if></span><span class="cakePrice fright">${bread.price }</span></div>
								</li>
								</ul>
							</c:if>
						</c:forEach>
				</div>
				<c:if test="${not i.last}">
					<div class="line"></div>
				</c:if>
			</c:forEach>
		</div>
	</div>
	<jsp:include page="footer.jsp" />
    </body>
</html>
